<template>
    <div>
        <div class="main">
            <!-- logo begin-->
            <a class="a-logo" title="简单约完" href="#"></a>
            <!-- logo end-->

            <!-- menu begin -->
            <ul class="a-menu">
                <li :class="{active:iscur==index}" v-for="(item,index) in navList" @click="iscur=index,selectTab(index)" :key="index">
                    <a>{{item}}</a>
                </li>
            </ul>
            <!-- menu end -->

            <!-- search begin -->
            <div class="search-layout">
                <input class="search-input" type="text" placeholder="搜索昵称/UID/靓号" v-model="searchName">
            </div>
            <!-- search end -->

            <!-- feature-group  begin -->
            <ul class="feature-group">
                <li><a class="message-icon">消息</a></li>
                <li><a class="a-user-icon">登录/注册</a></li>
            </ul>
            <!-- feature-group  end -->
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            iscur:0,
            navList:["首页","约陪玩","充值","APP下载","申请入驻"],
            searchName:"",
        }
    },
    created(){       
               
    },
    methods:{
       selectTab(key){
           this.$emit("clickNavNum", key);
       }
    },
    components: {
      
    },
    mounted(){
        
    }
}
</script>

<style>
@import "../assets/css/Login.css";
@import "../assets/css/reset.css";
@import "../assets/css/layout.css";
@import "../assets/css/footer.css";
@import "../assets/css/home.css";
</style>

